@use 'src/components/style/foundation/colors' as colors;

:global {
  * {
    box-sizing: border-box;
  }

  :root {
    overflow-y: scroll;
  }

  body {
    font-family: sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
    background-color: colors.color(background, light);
    color: black;
  }

  body.theme--dark {
    background-color: colors.color(background, dark);
    color: white;
  }

  .visuallyHidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px; padding: 0; border: 0;
  }

  span[role="img"]{
    cursor: default;
  }
}
